<template>
	<view class="box">
		<!-- 头部导航栏 -->
		<view class="tou">
			<uv-icon name="arrow-leftward" bold="true" labelColor="#000000" size="22px" @click="reback"></uv-icon>
			<image src="../../static/common_nav_message_black_n.png" mode="" class="ling" @click="lingdang"></image>
		</view>
		<!-- 自动回复1 -->
		<view class="zidong">
			<div class="zuo" style="margin-left: 30rpx; font-size: 20px;">设置自动回复</div>
			<div class="you" style="margin-right: 30rpx;">
				<template>
					<uv-switch activeColor="#55aaff" inactiveColor="#fff" v-model="value"></uv-switch>
				</template>
			</div>
		</view>
		<!-- 回复语句 2-->
		<view class="zidong">
			<div class="zuo" style="margin-left: 30rpx; ">正在忙,稍后为您解答</div>
			<div class="you" style="margin-right: 30rpx;">
				<uv-radio-group>
					<uv-radio :disabled="true"></uv-radio>

				</uv-radio-group>
			</div>
		</view>
		<!-- 回复语句 3-->
		<view class="zidong">
			<div class="zuo" style="margin-left: 30rpx; ">请先详细描述下您的情况</div>
			<div class="you" style="margin-right: 30rpx;">
				<uv-radio-group>
					<uv-radio :disabled="true"></uv-radio>

				</uv-radio-group>
			</div>
		</view>

		<!-- 回复语句 4-->
		<view class="zidong">
			<div class="zuo" style="margin-left: 30rpx; ">我每天下午5:00-7:00之间有空,将会在那个时间段回复您。</div>
			<div class="you" style="margin-right: 30rpx;">
				<uv-radio-group>
					<uv-radio :disabled="true"></uv-radio>

				</uv-radio-group>
			</div>
		</view>

		<!-- 回复语句 5-->
		<view class="zidong">
			<div class="zuo zuozuo" style="margin-left: 30rpx;font-size: 18px; ">自定义</div>
			<div class="you" style="margin-right: 30rpx;">
				<uv-radio-group>
					<uv-radio :disabled="true"></uv-radio>

				</uv-radio-group>
			</div>
		</view>

		<view class="di">
			我每天下午5:00-7:00之间有空,将会在那个时间段回复您。
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: true


			}
		},
		methods: {
			reback() {
				uni.reLaunch({
					url: '/pages/PersonalHomepage/PersonalHomepage'
				})
			},
			lingdang() {
				uni.navigateTo({
					url: '/pages/Information/Information'
				})
			}

		}
	}
</script>

<style>
	.tou {
		display: flex;
		justify-content: space-between;
		margin-top: 100rpx;
	}

	.yewu {
		font-size: 24px;
		margin-left: 15rpx;
	}

	.ling {
		width: 60rpx;
		height: 60rpx;
		margin-right: 20rpx;
	}

	.zidong {
		margin-top: 50rpx;
		display: flex;
		justify-content: space-between;
	}

	.zuozuo {
		color: #55aaff;
	}

	.di {

		width: 90vw;
		height: 150rpx;
		border-radius: 15rpx;
		border: 1px solid #ccc;
		margin: auto;
		margin-top: 50rpx;
		padding-top: 70rpx;
		padding-left: 20rpx;

	}
</style>